<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>一键式特征检索—线索挖掘地图</title>

  <link rel="stylesheet" href="../../assets/css/reset.css" />
  <link rel="stylesheet" href="../../assets/css/style.css"/>

  <script src="../../scripts/jquery.min.js"></script>
  <script src="../../scripts/test.js"></script>
</head>
<body>
  <header>
    <div class="logo">
      <a class="logo_jh" href="javascript:void(0)"><img src="../../assets/images/jinghui.png"/></a>
      <h1 class="logo_txt">金平县金鹰智能作战平台</h1>
    </div>
    <ul class="head-list">
      <li><a href="javascript:void(0)">数据采集系统</a></li>
      <li>
        <a href="javascript:void(0)">数据共享系统</a>
      </li>
      <li><a href="javascript:void(0)">智能作战系统</a>

      </li>
      <li class="head-list-active">
        <a href="javascript:void(0)">数据资源系统</a>
        <ul class="head-list-submenu">
          <li><a href="one-key-feature.html">高级检索</a></li>
          <li><a href="key-feature-finally.html">检索结果</a></li>
          <li><a href="key-association-diagram.html">特征关联图</a></li>
          <li><a href="key-cues-mining.html">线索挖掘图</a></li>
          <li><a href="key-cues-condition-code.html">特征码分析</a></li>
        </ul>
      </li>
      <li><a href="javascript:void(0)">运维系统</a></li>
    </ul>
    <div class="head-user">
      <div class="head-user-icon">
        <a href="javascript:volid(0)"></a>
        <a href="javascript:volid(0)"></a>
      </div>
      <span class="head-user-txt">管理员</span>
      <a class="head-user-img" href="javascript:void(0)"><img src="../../assets/images/user.png"/></a>
    </div>
  </header>
  <div class="view">
    <div class="crumbs crumbs-b-t">
      <a href="javascript:void(0)">数据采集系统</a>
      <span class="crumbs-s">＞</span>
      <a href="javascript:void(0)">一键式特征检索</a>
      <span class="crumbs-s">＞</span>
      <a class="crumbs-at" href="javascript:void(0)">检索结果</a>
    </div>

    <!--主体内容放置区-->
    <div class="association-content">
      <div class="association-diagram-l">
        <div class="rce-txt">数据来源目录</div>
        <div class="rce-options">
          <select>
            <option></option>
          </select>
        </div>
        <ul class="rce-data-tree">
          <li>手机取证<i class="icon-down"></i></li>
          <li><a href="javascript:void(0)">手机通讯录（<span>20</span>）</a></li>
          <li><a href="javascript:void(0)">手机通话记录（<span>58</span>）</a></li>
        </ul>
        <ul class="rce-data-tree">
          <li>智能搜索<i class="icon-down"></i></li>
          <li class="rce-tree-have">
            <a href="javascript:void(0)">办案人员信息</a>
            <ul>
              <li><a href="javascript:void(0)">警员信息（<span>3</span>）</a></li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="association-diagram-c">
        <div class="call-log-text">手机通讯录</div>
        <ul class="call-log-list">
          <li class="call-log-list-active"><a href="javascript:void(0)">记录1</a></li>
          <li><a href="javascript:void(0)">记录2</a></li>
        </ul>
        <table class="call-log-table">
          <tbody>
            <tr>
              <td>
                <span>人员:</span>
                <hr class="change-line">
                <span>56893284029382235</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>姓名:</span>
                <hr class="change-line">
                <span>张三</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>身份证号:</span>
                <hr class="change-line">
                <span>5689456563284029382235</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>性别:</span>
                <hr class="change-line">
                <span>男</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>出生日期:</span>
                <hr class="change-line">
                <span>1987/07/22</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>别名绰号:</span>
                <hr class="change-line">
                <span>东子</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>婚姻状况:</span>
                <hr class="change-line">
                <span>已婚</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>部门编号:</span>
                <hr class="change-line">
                <span>056855</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>管控级别:</span>
                <hr class="change-line">
                <span>1</span>
              </td>
            </tr>
            <tr>
              <td>
                <span>管控状态:</span>
                <hr class="change-line">
                <span>0</span>
              </td>
            </tr>
          </tbody>
        </table>
        <div class="call-log-pagination">
          <ul class="pagination">
            <li><i class="iconfont icon-zuo"></i></li>
            <li class="pagination-active">1</li>
            <li>2</li>
            <li>3</li>
            <li>...</li>
            <li>99</li>
            <li><i class="iconfont icon-icon--"></i></li>
          </ul>
        </div>
      </div>
      <div class="cues-mining-r">
        <div class="call-img-text">
          <span>数据资源知识图谱</span>
          <input type="button" value="清晰对比"/>
          <a class="cues-mining-you" href="javascript:void(0)">
            <i class="iconfont icon-shuangxianyoujiantou"></i>
          </a>
        </div>
        <div class="diagram-img"></div>
      </div>

    </div>
  </div>

  <!--弹出层-->
  <div id="contrast-mask" class="key-feature-mask">
    <div class="feature-mask-content">
      <div class="user-mask-details">
        <span>清晰对比</span>
        <a id="contrast-close" href="javascript:void(0)">×</a>
      </div>
      <div class="user-mask-table">
        <div class="associate-mask-text">123131的清晰对比</div>
        <ul class="associate-mask-list">
          <li class="associate-mask-list-active"><a href="javascript:void(0)">姓名</a></li>
          <li><a href="javascript:void(0)">QQ号码</a></li>
          <li><a href="javascript:void(0)">身份证号码</a></li>
        </ul>
        <table class="accessory-mask-table">
          <tbody>
          <tr>
            <td>
              <input type="text" value="12316">
            </td>
            <td>
              <span>展示数据来源<i class="accessory-mask-icon iconfont icon-tianjia"></i></span>
            </td>
          </tr>
          <tr>
            <td>
              <input type="text" value="12316">
            </td>
            <td>
              <span>展示数据来源<i class="accessory-mask-icon iconfont icon-tianjia"></i></span>
            </td>
          </tr>
          <tr>
            <td colspan="2">
              <input class="accessory-input-active" type="text" value="请输入更新的新名">
            </td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="user-mask-btn">
        <input type="button" value="保存信息"/>
      </div>
    </div>
  </div>

  <!--返回按钮-->
  <a href="javascript:void(0)" class="return-button">返回</a>
</body>
</html>